ボタンをクリックすると、視覚的に押し下がったような効果が得られます。テキストリンクも同様に、押し下がったような効果を出してみるとおもしろいかも知れません。
例えば、以下のように。

上記の例では、リンクの上にマウスを載せると、右側に2ピクセル・下側に2ピクセルずれて表示されるため、リンクが「押し込まれた」ように見えます。

この装飾を行うには、以下のスタイルシートソースを使います。（a要素のhover疑似クラスを使っているので、リンクの上にマウスが載った際にこの装飾が適用されます。）

a:hover {
   position: relative;
   top: 2px;
   left: 2px;
}

positionプロパティに値「relative」を指定すると、本来表示される位置から相対的に表示位置をずらすことができます。ずらす距離は、top・bottom・left・right各プロパティの中から1～2個を用いて指定します。
上記の場合は、topプロパティとleftプロパティに2pxを指定しているため、

• 本来表示される位置の上端から（下方向へ）2ピクセル移動
• 本来表示される位置の左端から（右方向へ）2ピクセル移動

…して表示されることになります。
その結果、テキストリンクが押し下がったように見えるわけです。
どれくらい移動させるかは、top・left各プロパティの値を調節すれば自由に決定できます。