¿Cómo lograr este efecto?

[Alucine]

Además de lo que te ha dicho kseso?, que te lo recomiendo también si quieres aprender mucho sobre armado de webs, esas herramientas como el firebug en firefox te permiten analizar cómo esta armada la web en detalle, asi puedes descbrir los secretos de cualquier web :)
Por otro lado, me parece que el efecto de esos btones es sencillamente un reemplazo de una imagen por otra. La segunda imagen tiene ese efecto de luz saliendo por detrás. El tema es que todo en esa página está muy bellamente diseñado, pero no hay animaciones ni nada raro (en los botones) solo reemplazo de una muy buena imagen por otra. Pasa que tenés que saber diseñar en illustrator o photoshop :D Y para reemplazar una imagen por otra, o sea hacer un botón básico.. pues como yo estoy empezando no te puedo decir bien jaja pero con css es fácil, es con la pseudo-clase hover. puedes buscar tambien sprites css que es una técnica por asi llamarla (ignorante yo) para reemplazar imágenes.

Saludos!