Use this image (PSD source attached).
Make your CSS style something like:
.contact_button { width: 94px; height: 96px; font-size: 0; text-indent: -9999px; overflow: hidden; background: url(Contact.gif) top left no-repeat }
.contact_button:hover { background-position: left center }
.contact_button:active { background-position: left bottom }
Note the following:
"Up" state: gradient, normal border
"Over" state: lighter gradient, stronger border
"Down" state: reversed gradient, same border as "over".
Your image has the 3 states in the order Up, Over, Down.